<template>
	<view>
		<view v-for="(item,index) in noticeList" :key="index">
			<navigator :url="`../noticeDetail/noticeDetail?id=` + item.id" hover-class="none">
				<view class="notice_box">
					<text class="title">{{item.title}}</text>
					<text class="date">{{item.date}}</text>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				noticeList:[ 
					{
						id: 0,
						date: '2020-10-9',
						title: '峰马影业秉承“品牌源于专业”的公告上线了',
					},
					{
						id: 1,
						date: '2020-10-9',
						title: '专属顾问一对一服务',
					},
					{
						id: 2,
						date: '2020-10-9',
						title: '院线电影的投资黄金期到了?',
					},
					{
						id: 3,
						date: '2020-10-9',
						title: '影视投资中个人份额如何获取?',
					},
					
				]
			};
		}
	}
</script>

<style lang="scss">
.notice_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20upx;
	border-radius: 10upx;
	box-shadow: 0px 4px 10upx 0px rgba(4, 0, 0, 0.1);
	margin-bottom: 30upx;
	.title {
		font-size: 30upx;
		color: $text-black;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		flex: 1;
	}
	.date {
		font-size: 24upx;
		color: $color-999;
		margin-left: 20upx;
	}
}
</style>

<style>
	page {
		padding: 30upx;
	}
</style>
